import 'package:elephant_fish/util/size_util.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class SettingHelpPage extends StatefulWidget {
  const SettingHelpPage({Key key}) : super(key: key);

  @override
  _SettingHelpPageState createState() => _SettingHelpPageState();
}

class _SettingHelpPageState extends State<SettingHelpPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Color(0xff140c3d),
        appBar: AppBar(
          backgroundColor: Color(0xff140c3d),
          centerTitle: true,
          leading: GestureDetector(
            child: Icon(
              Icons.arrow_back_ios,
              size: SizeUtil.px(32),
              color: Color(0xfff3f3f3),
            ),
            onTap: () {
              Navigator.pop(context);
            },
          ),
          title: Text(
            '帮助反馈',
            style:
                TextStyle(fontSize: SizeUtil.px(32), color: Color(0xfff5f5f5)),
          ),
        ),
        body: Column(
          children: [
            SizedBox(
              height: SizeUtil.px(49),
            ),
            Align(
              alignment: Alignment.topCenter,
              child: Container(
                  width: SizeUtil.px(694),
                  height: SizeUtil.px(412),
                  decoration: BoxDecoration(
                      color: Color(0xff2b244d),
                      borderRadius:
                          BorderRadius.all(Radius.circular(SizeUtil.px(19)))),
                  child: Padding(
                    padding: EdgeInsets.all(SizeUtil.px(26)),
                    child: TextField(
                      maxLength: 800,
                      maxLines: 12,
                      decoration: InputDecoration(
                        counterStyle: TextStyle(fontSize:SizeUtil.px(27),color: Color(0xffe1e1e1)),
                        isCollapsed: true,
                        contentPadding: EdgeInsets.all(0),
                        border: InputBorder.none,
                        hintText: '请输入您宝贵的意见或建议.（800字以内）',
                        hintStyle: TextStyle(fontSize:SizeUtil.px(27),color: Color(0xffe1e1e1)),
                      ),
                      style: TextStyle(fontSize:SizeUtil.px(27),color: Color(0xffe1e1e1)),
                    ),
                  )),
            ),
            SizedBox(height: SizeUtil.px(54),),
            Padding(padding: EdgeInsets.only(left: SizeUtil.px(92),right: SizeUtil.px(92)),
              child: Text('欢迎您为我们提出宝贵意见或建议，您留下的任何信息都将用来改善我们的软件。',
                textAlign: TextAlign.center,
                style: TextStyle(fontSize:SizeUtil.px(25),color: Color(0xffa5a5a5)),
              ),
            ),
            SizedBox(height: SizeUtil.px(49),),
            Align(
              alignment: Alignment.topCenter,
              child: Container(
                width: SizeUtil.px(650),
                height: SizeUtil.px(91),
                decoration: BoxDecoration(
                  color: Color(0xffe62d6c),
                  borderRadius: BorderRadius.all(Radius.circular(SizeUtil.px(46)))
                ),
                child: Center(
                  child:  Text('提交',
                    textAlign: TextAlign.center,
                    style: TextStyle(fontSize:SizeUtil.px(28),color: Color(0xfff3f3f3)),
                  ),
                ),
              ),
            )
          ],
        ));
  }
}
